{% extends "core/base_site.html" %}
{% load static %}
{% block extrastyle %}
<link rel="stylesheet" type="text/css" href="{% static 'core/css/login.css' %}" />
{% endblock %}

{% block header %}{% endblock %}
{% block content %}
<div id="container_login" >
    <a class="hiddenanchor" id="toregister"></a>
    <a class="hiddenanchor" id="tologin"></a>
    <div id="wrapper">
        <div id="login" class="animate form">
            <form  action="{% url 'blog:login' %}{% if next %}?next={{ next }}{% endif %}" autocomplete="on" method="post">{% csrf_token %}
                <h1>登 录</h1> 
                <p> 
                    <label for="username" class="uname" data-icon="u" > 账户 </label>
                    <input id="username" name="username" required="required" type="text" placeholder="用户名/邮箱"/>
                </p>
                <p> 
                <label for="password" class="youpasswd" data-icon="p"> 密码 </label>
                    <input id="password" name="password" required="required" type="password" placeholder="eg. X8df!90EO" /> 
                </p>
                <p class="login button"> 
                    <input type="submit" value="提交" /> 
                </p>
                <p class="change_link">
                    没有帐号?
                    <a href="#toregister" class="to_register">马上注册</a>
                </p>
            </form>
        </div>
        <p style="clear: both;display: block;"></p>
        <div id="register" class="animate form">
            <form  action="{% url 'blog:register' %}" autocomplete="on" method="post">
                <h1> 注 册 </h1> 
                <p> 
                    <label for="usernamesignup" class="uname" data-icon="u">用户名</label>
                    <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="zhangsan" />
                </p>
                <p> 
                    <label for="passwordsignup" class="youpasswd" data-icon="p">登录密码 </label>
                    <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO"/>
                </p>
                <p> 
                    <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">确认密码 </label>
                    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="eg. X8df!90EO"/>
                </p>
                <p class="signin button"> 
                    <input type="submit" value="提交"/> 
                </p>
                <p class="change_link">  
                    已经有一个账户?
                    <a href="#tologin" class="to_register"> 直接登录 </a>
                </p>
            </form>
            <p style="clear: both;display: block;"></p>
        </div>
    </div>
</div>  
{% endblock %}
